<template>
  <div v-if="show" @click="close">
    <div class="wrapper">
      <h3>测评承诺书</h3>
      <p>
        本着尊重、理解、真诚、保密的原则，我承诺在本次测评中，严格遵守以下承诺:
      </p>
      <p>一、保障测评调查的真实性和有效性</p>
      <p>1.所有回答均基于真实情况，不存在虚假和夸大其词的情况。</p>
      <p>2.尊重题目本意，不随意跳过某个问题。 3.遵循测评指导语和注意事项。</p>
      <p>二、保护个人隐私权和信息安全</p>
      <p>
        4.本着尊重、保护个人隐私的态度，对心理测评结果的有关信息，包括个案记录、测验资料和其他资料，均属专业信息，都在严格保密的情况下进行保存。同时，还须严格遵守心理健康教育职业道德中保密原则的有关规定，严守个人档案的相关资料。
      </p>
      <p>5.保护测评信息安全，严格保密，仅用于调查目的。</p>
      <p>三、遵守测评调查相关法律和规定</p>
      <p>
        6.遵循道德操守、不得违反法律法规、不使用任何手段干扰测评调查，不得诱导其他参与者造假。
      </p>
      <p>7.遵守平台相关使用条款和隐私政策。</p>
      <p>8.仔细阅读测评内容，充分理解问题，认真回答测评,</p>
      <p>9.对测评调查提供建设性意见，帮助测评调查更加科学、客观、有效。</p>
      <p>
        我郑重承诺以上内容，并自愿接受测评调查中的管理和监督。如果在测评调查中违反以上承诺，愿意承担相应后果。
      </p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    visible: {
      Type: Boolean,
      default: () => false,
    },
  },
  watch: {
    visible: {
      immediate: true,
      handler: function (nV) {
        this.show = nV;
      },
    },
  },
  data() {
    return {
      show: false,
    };
  },
  methods: {
    close() {
      this.show = false;
      this.$emit("close", false);
    },
  },
};
</script>

<style lang="less" scoped>
div {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1200;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  .wrapper {
    height: 80%;
    background-color: #fff;
    overflow: auto;
    padding: 20px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    h3 {
      text-align: center;
      font-size: 24px;
    }
    p {
      font-size: 16px;
    }
  }
}
</style>